<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name=viewport content="width=device-width,initial-scale=1,user-scalable=0">
    <title>消费记录</title>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
    <script src="consumption.js"></script>
    <style>
        *{
            font-size:11px;
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
<div style="width: 100%;height: 500px">
    <div style="float: left;width: 100%;height: 100px;border-bottom: 1px solid silver">
        <div style="width: 15%;float: left;margin-top: 25px;margin-left: 10px"><img style="width:70px;height: 60px;border-radius: 5px" src="./image/u580%5B1%5D.png" ></div>
        <div style="width: 40%;float: left;margin-left: 30px;margin-top: 30px">
            <h4>2罐啤酒</h4>
            <p style="margin-top: 10px">流水单号：1234566<br>
                <span style="color: #9f9f9f">2018-11-5  9:34:15</span>
            </p>
        </div>
        <div style="width: 25%;float: right;margin-top: 55px">
            <h5 style="color: red;">-99.00</h5>
            <p>×2(社区店)</p>
        </div>
    </div>

    <div style="float: left;width: 100%;height: 100px;border-bottom: 1px solid silver">
        <div style="width: 15%;float: left;margin-top: 25px;margin-left: 10px"><img src="./image/u580%5B1%5D.png" style="width:70px;height: 60px;border-radius: 5px"></div>
        <div style="width: 40%;float: left;margin-left: 30px;margin-top: 30px">
            <h4>2罐啤酒</h4>
            <p style="margin-top: 10px">流水单号：1234566<br>
                <span style="color: #9f9f9f">2018-11-5  9:34:15</span>
            </p>
        </div>
        <div style="width: 25%;float: right;margin-top: 55px">
            <h5 style="color: red;">-99.00</h5>
            <p>×2(社区店)</p>
        </div>
    </div>

    <div style="float: left;width: 100%;height: 100px;border-bottom: 1px solid silver">
        <div style="width: 15%;float: left;margin-top: 25px;margin-left: 10px"><img src="./image/u580%5B1%5D.png" style="width:70px;height: 60px;border-radius: 5px"></div>
        <div style="width: 40%;float: left;margin-left: 30px;margin-top: 30px">
            <h4>2罐啤酒</h4>
            <p style="margin-top: 10px">流水单号：1234566<br>
                <span style="color: #9f9f9f">2018-11-5  9:34:15</span>
            </p>
        </div>
        <div style="width: 25%;float: right;margin-top: 55px">
            <h5 style="color: red;">-99.00</h5>
            <p>×2(社区店)</p>
        </div>
    </div>
    </div>
</div>

</body>
</html>